<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@include file="/WEB-INF/view/common/common.jsp" %>
<!DOCTYPE html>
<html>
<head>
<meta  charset="UTF-8">
    <title>求职者简历管理后台</title>
    <link rel="stylesheet" href="${ctx }/vendor/bootstrap-3.3.7-dist/css/bootstrap.min.css"/>
     <style>
			.topbar {
				position: absolute;·
				right: 100px;
				top: 28px;
			}
			
			.topbar ul li{
				list-style: none;
				float: left;
				padding: 0 5px;
			}	
			
			.tab-content {
				margin-top: 5px;
			}
			
			.form-group {
				margin-bottom: 8px;
			}
		</style>
</head>
<body>
 <h2 class="text-center">求职者简历管理后台</h2>
	   <hr>
	   <div class="container">
	   
	   	  <div class="topbar">
			<a href="${ctx }/position_listAll.action"><b>招聘首页</b></a>
			&nbsp;
	   	  	<a href="${ctx }/talent_getTalentInfo.action"><b>个人信息</b></a>
	   	  	&nbsp;
	   	  	<a href="${ctx }/resumeAddUI.action"><b>新增简历</b></a>
	   	  	&nbsp;
	     	<a href="${ctx }/talent_logout.action"><b>退出登录</b></a>
	   </div>
	   
			<ul class="nav nav-tabs" id="myTabs">
			  <li role="presentation" class="active"><a href="#application"> <span class="glyphicon glyphicon-user"></span> <b>简历信息</b></a></li>
			  <li role="presentation"><a href="#position"> 
			  <span class="glyphicon glyphicon-edit">
			  </span> <b>申请状况</b></a></li>
			</ul>
			<div class="tab-content" id="tabContent">
			    <div class="tab-pane fade in active" id="application">
					<table class="table table-striped table-hover">
				      <thead>
				        <tr>
				          <th>序号</th>
				          <th>求职意向</th>
				          <th>工作经验</th>
				          <th>项目经验</th>
				          <th>操作</th>
				        </tr>
				      </thead>
				     <tbody>
				      <c:if test="${empty resumeList }">
				      		<tr>
								<td colspan="5" align="center">暂无数据！</td>
							</tr>
						</c:if>
						<c:if test="${not empty resumeList }">
							<c:forEach items="${resumeList }" var="resume" varStatus="res">
							    <tr>
								 	<td>${res.count}</td>
								 	<td>${resume.intention }</td>
								 	<td>${resume.workExperience }</td>
								 	<td>${resume.projectExperience }</td>
								 	<td><a href="${ctx }/resume_preResumeUpdate.action?resumeId=${resume.id }">修改</a> |
								 	    <a href="${ctx }/resume_resumeDelete.action?resumeId=${resume.id }">删除</a></td>
							    </tr>
						    </c:forEach>
						</c:if>
				      </tbody>
				   </table>
			    </div>
		      <!-- 申请职位查看 -->
		      <div class="tab-pane fade" id="position">
			    	<table class="table table-striped table-hover">
				      <thead>
				        <tr>
				          <th>序号</th>
				          <th>职位名称</th>
				          <th>企业名称</th>
				          <th>申请时间</th>
				          <th>申请状态</th>
				        </tr>
				      </thead>
				      <tbody>
				      	<c:if test="${empty applicationList }">
							<tr>
								<td colspan="5" align="center">暂无数据！</td>
							</tr>
						</c:if>
						<c:if test="${not empty applicationList }">
							<c:forEach items="${applicationList }" var="application" varStatus="app">
							    <tr>
								 	<td>${app.count }</td>
								 	<td><a href="${ctx }/position_positionInfoShow.action?positionId=${application.positionId}">${application.resumeIntention }</a></td>
								 	<td>${application.companyName }</td>
								 	<td><fmt:formatDate value="${application.appTime }" pattern="yyyy-MM-dd HH:mm:ss"/></td>
								 	<td>${application.status }</td>
							    </tr>
						    </c:forEach>
						</c:if>
				      </tbody>
				   </table>
			    </div>	      
	    </div>
     </div>
	   <script src="${ctx }/vendor/jquery.min.js"></script>
	   <script src="${ctx }/vendor/layer/layer.js"></script>
	   <script src="${ctx }/vendor/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
	   	    <!-- 标签切换效果 -->
	   	     <script>
	   	     $('#myTabs a').click(function (e) {
			    e.preventDefault()
			    $(this).tab('show')
		     })
		 </script>
</body>
</html>